<template>
    <div class="max-w-6xl mx-auto px-4 py-12">
        <div class="grid md:grid-cols-4 gap-8">
            <nav class="md:col-span-1" aria-label="页面目录">
                <div class="sticky top-20 privacy-sidebar bg-slate-50/90 dark:bg-slate-800/90 backdrop-blur rounded-lg p-4">
                    <h2 class="text-sm font-semibold text-slate-700 dark:text-slate-200">目录</h2>
                    <ul class="mt-3 space-y-2 text-sm">
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#intro">简介</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#collect-use">收集与使用</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#cookies">Cookie 与同类技术</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#share-transfer">共享 / 转让 / 披露</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#storage">存储</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#protect">保护措施</a></li>
                        <li><a class="text-sky-600 dark:text-sky-400 font-medium hover:underline" href="#rights">您的权利</a></li>
                    </ul>
                </div>
            </nav>

            <article class="prose prose-lg prose-slate dark:prose-invert md:col-span-3 mx-auto leading-relaxed space-y-6 privacy-policy">
                <div class="text-center mb-12">
                    <h1 class="text-4xl font-bold text-gray-900 mb-4">
                    <span class="text-gradient" id="intro">隐私政策</span>
                    </h1>
                </div>
                <p class="text-sm text-slate-500">更新时间：2025-11-18 17:27:24</p>

                <section id="overview">
                    <p>欢迎您使用“八八在线工具”及相关服务。八八在线工具（以下或称“我们”）深知个人信息对您而言的重要性，我们将尊重并保护您的隐私。我们将通过本政策向您说明“八八在线工具”及相关服务会如何收集、存储、保护、使用以及对外提供您的信息，并说明您享有的权利，我们如何为您提供访问、更新、管理您的信息的服务。</p>
                </section>

                <h2 id="collect-use">一、我们如何收集和使用您的个人信息</h2>
                <p>根据《信息安全技术个人信息安全规范》（GB/T 35273-2020），个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别您的身份或者反映您的活动情况的各种信息。我们根据合法、正当、必要的原则，仅收集实现产品功能所必要的信息。</p>

                <h3>1. 注册、登录相关的信息</h3>
                <p>按国家有关法律法规，您在使用“八八在线工具”进行内容浏览阅读时无需注册登录，但在使用提供的在线功能时，您需要注册并登录“八八在线工具”账号。当您注册“八八在线工具”账号时，我们会根据您的登录方式收集您的手机号、短信验证码等，收集这些信息是为了帮助您完成注册，保障您账号的安全。若您不提供这类信息，您可能无法登录您的“八八在线工具”账号，无法正常使用我们的全部服务。</p>

                <p>当涉及国家安全与利益、社会公共利益、与犯罪侦查有关的相关活动、您或他人生命财产安全的特殊情况时，若无法获得您的及时授权，八八在线工具可能在不经过您的同意或授权的前提下，从其他合法公开的渠道、法律法规规定的其他情形下，收集您的个人信息。如在上述场景之外获得您的个人信息，将重新征得您的明示同意，并在获得您明示同意前向您充分说明应用场景与获取您相关信息的内容与范围。</p>

                <p>当收集个人信息的目的、方式、范围发生变化时，我们将以页面弹窗通知的方式提醒用户阅读。</p>

                <h2 id="cookies">二、我们如何使用 Cookie、Web beacon 和同类技术</h2>
                <p>Cookie 主要的功能是便于您使用网站和服务，以及帮助网站统计独立访客数量等。运用 Cookie 技术，我们能够为您提供更加优质的服务，并允许您设定您特定的服务选项。我们承诺，对 Cookie 信息的研究仅用于提升服务/产品质量及优化用户体验之目的。</p>
                <p>如果您不希望个人信息保留在 Cookie 中，可以在浏览器中选择“拒绝 Cookie”或“当网站发送 Cookie 时通知您”。但请注意，关闭 Cookie 后可能影响访问和使用体验，某些服务将无法正常使用。我们使用 Web beacon 等同类技术的方法和目的与 Cookie 相同。</p>

                <h2 id="share-transfer">三、我们如何共享、转让、公开披露您的个人信息</h2>
                <h3>（一）共享</h3>
                <p>除非经过您本人事先授权同意，我们不会向第三方共享、转让您的个人信息，但经过处理无法识别特定个人且不能复原的除外。</p>

                <ol>
                    <li>
                        <strong>服务平台或服务提供商：</strong>
                        <p>当您使用“八八在线工具”接入的第三方服务时，经您授权同意，我们会将服务所必须的信息提供给第三方。</p>
                    </li>
                    <li>
                        <strong>广告、咨询类服务商/广告主：</strong>
                        <p>未经您授权，我们不会将您的个人信息与提供广告、咨询类服务商共享。但我们可能会将经处理无法识别您的身份且接收方无法复原的信息（例如匿名化后数据）与广告或咨询类服务商共享，用于分析与优化服务。</p>
                    </li>
                </ol>

                <p>对我们与之共享个人信息的公司、组织和个人，我们会对其数据安全环境进行调查，与其签署严格的保密协定，要求他们按照我们的说明、本隐私政策以及其他任何相关的保密和安全措施来处理个人信息。</p>

                <h3>（二）转让</h3>
                <p>我们不会将您的个人信息转让给除关联公司外的任何公司、组织和个人，但以下情况除外：</p>
                <ol class="list-decimal ml-6">
                    <li>事先获得您的明确授权或同意；</li>
                    <li>满足法律法规、法律程序的要求或强制性的政府要求或司法裁定；</li>
                    <li>在公司合并、分立、收购或出售等交易中，个人信息可能作为交易的一部分被转移，我们将尽力确保接收方继续受本隐私政策约束或重新征求您的授权。</li>
                </ol>

                <h3>（三）公开披露</h3>
                <p>我们仅会在获得您明确同意或基于法律要求的情况下公开披露您的个人信息。</p>

                <h3>（四）例外情况</h3>
                <p>在涉及国家安全、公共安全、刑事侦查等法定情形时，共享、转让或披露个人信息可能无需事先征得同意，详见原文条款。</p>

                <h2 id="storage">四、我们如何存储您的个人信息</h2>
                <p>（一）存储地点：我们在中华人民共和国境内收集和产生的个人信息，将存储在境内。如需向境外传输，我们将遵循相关规定并向您说明。</p>

                <p>（二）存储期限：我们仅在实现处理目的所必需的期间保存个人信息，超出必要期限后将删除或匿名化处理，但法律法规另有规定的除外。</p>

                <h2 id="protect">五、我们如何保护您的个人信息</h2>
                <ul>
                    <li>采取符合业界标准的技术和管理措施，保护个人信息安全。</li>
                    <li>使用加密、访问控制和安全审计等手段，降低未经授权访问风险。</li>
                    <li>建立安全管理制度与应急预案，发生信息安全事件时及时通知并处置。</li>
                </ul>

                <h2 id="rights">六、您的权利</h2>
                <p>您有权根据相关法律法规行使对个人信息的访问、更正、删除等权利。对于合理请求，我们原则上不收取费用，但对无理或过度请求可能收取适当成本费用或予以拒绝。</p>
            </article>
        </div>
    </div>
</template>

<style scoped>
.privacy-policy p,
.privacy-policy li {
    line-height: 1.9;
    letter-spacing: 0.2px;
}

.privacy-policy p {
    margin-bottom: 1rem;
}

.privacy-policy h1,
.privacy-policy h2,
.privacy-policy h3 {
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.privacy-policy ul,
.privacy-policy ol {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

/* Improved sidebar styles for better contrast and readability */
.privacy-sidebar {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(2,6,23,0.06);
}
.dark .privacy-sidebar {
    border-color: rgba(255,255,255,0.06);
}
.privacy-sidebar h2 {
    color: #0f172a;
}
.dark .privacy-sidebar h2 {
    color: #e2e8f0;
}
.privacy-sidebar a {
    color: #0369a1;
    font-weight: 500;
}
.dark .privacy-sidebar a {
    color: #60a5fa;
}
</style>